<div class="menu">
    <a class="menu-name" href="{% url 'menu:single_menu' menu_name=menu_name %}">
        {{ menu_name }}
    </a>
    {% for element in first_level_menu_elements %}
        <a href="#{{ menu_element_level }}-{{ element.id}}" class="menu-element-level first-level-element"
             data-menu-element-level
             data-list_of_subelements-open="false">
            <input type="hidden" name="menu-element-id" value="{{ element.id }}">
            <input type="hidden" name="menu-element-level" value="1">
            <span class="menu-element-name">
                {{ element.name }}
            </span>
            <div class="menu-element-description">
                <p>{{ element.description }}</p>
            </div>
            <div class="list-of-subelements list-of-second-level-subelements"
                 data-list-of-subelements
                 data-list-of-second-level-subelements>
            </div>
        </a>
    {% endfor %}
</div>
